<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title> - 亲友圈管理</title>
	    <meta name="keywords" content="">
	    <meta name="description" content="">
	    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
	    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
	    <link href="css/plugins/jqgrid/ui.jqgrid.css?0820" rel="stylesheet">
	    <link href="css/animate.css" rel="stylesheet">
	    <link href="css/style.css?v=4.1.0" rel="stylesheet">
	    <link href="css/new_file.css" rel="stylesheet">
	</head>
	<body class="gray-bg">
		<div class="wrapper wrapper-content  animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox ">
						<div class="ibox-title">
							<h5>亲友圈管理</h5>
						</div>
						<div class="toogl_body">
	                    	<a href="Club.html"><button type="button" class="btn btn-w-m btn-bt btn-info">亲友圈管理</button></a>
	                    	<a href="Club_configure.html"><button type="button" class="btn btn-w-m btn-white btn-bt">商城配置</button></a>
	                    	<a href="Club_establish.html"><button type="button" class="btn btn-w-m btn-white btn-bt">创建亲友圈</button></a>
	                    	<a href="Club_goldcoin.html"><button type="button" class="btn btn-w-m btn-white btn-bt">金币配置</button></a>
	                    	<a href="Club_grant.html"><button type="button" class="btn btn-w-m btn-white btn-bt">金币发放</button></a>
	                    	<a href="Club_conf.html"><button type="button" class="btn btn-w-m btn-white btn-bt">亲友圈配置</button></a>
	                    	<hr style="clear: both;"/>
	                    	<a href="Club_1.html"><button type="button" class="btn btn-w-m btn-white">历史记录</button></a>
							<div class="ibox-content ibox-jqGrid">
								<div class="form-group"><br/>
	                                <label class="col-sm-2 control-dy">创建日期：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="请输入创建日期" class="form-control form-time-bk" id="time1" readonly="readonly"> 
	                                </div>
	                                <label class="col-sm-2 control-dy">会长ID：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="请输入会长ID" class="form-control form-time-bk" id=""> 
	                                </div>
	                                <label class="col-sm-2 control-dy">亲友圈ID：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="请输入亲友圈ID" class="form-control form-time-bk" id="">
	                                </div>
	                                <label class="col-sm-2 control-dy">亲友圈名称：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <input type="text" placeholder="请输入亲友圈名称" class="form-control form-time-bk" id="">
	                                </div>
	                                <label class="col-sm-2 control-dy">当前状态：</label>
	                                <div class="col-sm-8 form-time1">
	                                    <select class="form-control form-consele">
										   <option value="0">请选择状态</option>
										   <option value="1"></option>
										   <option value="2"></option>
										</select>
	                                </div>
	                                <button type="button" class="btn btn-w-m btn-info">查询</button>
	                            </div>
		                        <div class="jqGrid_wrapper">
		                            <table id="table_list_1"></table>
		                            <div id="pager_list_1"></div>
		                        </div>
		                    </div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 人数   -->
		<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div id="gray_Nr">
				<div class="col-sm-6">
					<div class="ibox float-e-margins float-e-margins-2">
						<div class="ibox-title">
							<h5>提示消息</h5>
							<div class="ibox-tools" data-dismiss="modal">
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="panel-body">
							<div class="ibox float-e-margins float-e-border">
								<div class="ibox-content">
									<form class="form-horizontal">
										<div class="gam_bg">
											<div class="gam_bgnrt">
												<span>成员昵称</span>
											</div>
											<div class="gam_bgnrt">
												<span>成员ID</span>
											</div>
											<div class="gam_bgnrt">
												<span>加入时间</span>
											</div>
										</div>
										<div class="gam_bg">
											<div class="gam_bgnrt2">
												<span>亲友圈名称</span>
											</div>
											<div class="gam_bgnrt2">
												<span>金币数量</span>
											</div>
											<div class="gam_bgnrt2">
												<span>金币数量</span>
											</div>
										</div>
			                        </form>
								</div>
							</div>
						</div>
						<div class="ibox-butz">
							<input class="btn btn-w-m btn-info" type="button" value="确定">
							<input class="btn btn-w-m" type="button" data-dismiss="modal" value="取消">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--人数end-->
		<!-- 修改   -->
		<div id="myModal2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div id="gray_Nr">
				<div class="col-sm-6">
					<div class="ibox float-e-margins float-e-margins-2">
						<div class="ibox-title">
							<h5>提示消息</h5>
							<div class="ibox-tools" data-dismiss="modal">
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="panel-body">
							<div class="ibox float-e-margins float-e-border">
								<div class="ibox-content">
									<form class="form-horizontal">
			                            <div class="form-group">
			                                <label class="col-sm-2 control-label">亲友圈昵称：</label>
			                                <div class="col-sm-8">
			                                    <input type="text" value="56421" class="form-control">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-2 control-label">用户昵称：</label>
			                                <div class="col-sm-8">
			                                    <input type="text" value="56421" class="form-control">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-2 control-label">更换会长：</label>
			                                <div class="col-sm-8">
			                                    <input type="text" value="56421" class="form-control">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-2 control-label">亲友圈钻石数：</label>
			                                <div class="col-sm-8">
			                                    <input type="text" value="56421" class="form-control">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-2 control-label">亲友圈金币数：</label>
			                                <div class="col-sm-8">
			                                    <input type="text" value="56421" class="form-control">
			                                </div>
			                            </div>
			                            <div class="form-group">
			                                <label class="col-sm-2 control-label">亲友圈人数上限：</label>
			                                <div class="col-sm-8">
			                                    <input type="text" value="56421" class="form-control">
			                                </div>
			                            </div>
			                            
			                        </form>
								</div>
							</div>
						</div>
						<div class="ibox-butz">
							<input class="btn btn-w-m btn-info" type="button" value="确定">
							<input class="btn btn-w-m" type="button" data-dismiss="modal" value="取消">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--修改 end-->
		
		<!-- 冻结   -->
		<div id="myModal3" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div id="gray_Nr">
				<div class="col-sm-6">
					<div class="ibox float-e-margins float-e-margins-2">
						<div class="ibox-title">
							<h5>提示消息</h5>
							<div class="ibox-tools" data-dismiss="modal">
								<a class="close-link">
									<i class="fa fa-times"></i>
								</a>
							</div>
						</div>
						<div class="panel-body">
							<div class="ibox float-e-margins float-e-border">
								<div class="ibox-content">
									<form class="form-horizontal">
			                            <div class="form-texcan">解散亲友圈无法恢复</div>
			                        </form>
								</div>
							</div>
						</div>
						<div class="ibox-butz">
							<input class="btn btn-w-m btn-info" type="button" value="确定">
							<input class="btn btn-w-m" type="button" data-dismiss="modal" value="取消">
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--冻结 end-->
	    <script src="js/jquery.min.js?v=2.1.4"></script>
	    <script src="js/bootstrap.min.js?v=3.3.6"></script>
	    <script src="js/plugins/peity/jquery.peity.min.js"></script>
	    <script src="js/plugins/jqgrid/i18n/grid.locale-cn.js?0820"></script>
	    <script src="js/plugins/jqgrid/jquery.jqGrid.min.js?0820"></script>
	    <script src="js/content.js?v=1.0.0"></script>
    	<script src="js/plugins/laydate/laydate.js"></script>
		<script>
        $(document).ready(function () {

            $.jgrid.defaults.styleUI = 'Bootstrap';
            // Examle data for jqGrid
            var mydata = [
                {
                    id: "1",
                    invdate: "2010-05-24",
                    name: "test",
                    note: "note",
                    tax: "10.00",
                    total: "2111.00"
                }
            ];

            $("#table_list_1").jqGrid({
                data: mydata,
                datatype: "local",
                height: 450,
                autowidth: true,
                shrinkToFit: true,
                rowNum: 20,
                rowList: [20,50,100],
                colNames: ['亲友圈名称', '亲友圈ID', '创建时间', '会长昵称', '会长ID', '亲友圈钻石数', '亲友圈金币数', '亲友圈人数','状态','修改','解散'],
                colModel: [
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
						name: 'isfinish',
						index: 'isfinish',
						width: 60,
						formatter: function() {
							return '<input type="button" value="210/500" id="" data-toggle="modal" data-target="#myModal" class="btn btn-info"/>';
						},
                        align:'center'
					},
                    {
                        name: 'id',
                        index: 'id',
                        width: 60,
                        sorttype: "int",
                        sortable: false,
                        align:'center'
                    },
                    {
						name: 'isfinish',
						index: 'isfinish',
						width: 60,
						formatter: function() {
							return '<input type="button" value="修改" id="" data-toggle="modal" data-target="#myModal2" class="btn btn-info"/>';
						},
                        align:'center'
					},
                    {
						name: 'isfinish',
						index: 'isfinish',
						width: 60,
						formatter: function() {
							return '<input type="button" value="解散" id="" data-toggle="modal" data-target="#myModal3" class="btn btn-danger"/>';
						},
                        align:'center'
					}
                ],
                pager: "#pager_list_1",
                viewrecords: true,
                caption: "亲友圈管理",
                hidegrid: false
            });
            $("#jd").hide();
            $(function(){
            	$("#jd").click(function(){
            		$("#jd").hide();
            		$("#dj").show();
            	});
            	$("#dj").click(function(){
            		$("#dj").hide();
            		$("#jd").show();
            	});
            });
            $("#fj").hide();
            $(function(){
            	$("#fj").click(function(){
            		$("#fj").hide();
            		$("#jj").show();
            	});
            	$("#jj").click(function(){
            		$("#jj").hide();
            		$("#fj").show();
            	});
            });
            $('.form-conselein').hide();
			$('.form-consele').on('change',function(){
				if ($('.form-consele').val() == '0') {
					$('.form-conselein').hide();
				} else{
					$('.form-conselein').show();
				}
			})
            $(window).bind('resize', function () {
                var width = $('.jqGrid_wrapper').width();
                $('#table_list_1').setGridWidth(width);
            });
		    laydate.render({
		      elem: '#time1'
		    });
		    laydate.render({
		      elem: '#time2'
		      ,range: true
		    });
        });
    </script>


	</body>

</html>